/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
.egbvs{
    display:none !important; 
    margin:10px !important;
}
 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
.egbvs + label {
    display:inline-block !important;
    margin:-2px !important;
    padding: 4px 12px !important;
    background: transparent url(http://edemmester.hu/karacsony/star-empty.png) center left no-repeat !important;
background-size:16px 16px !important;
height:18px !important;
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
.egbvs:checked + label { 
   background: transparent url(http://edemmester.hu/karacsony/star.png) center left no-repeat !important;
}
.egbvs
{
display:none !important;
}

.egbvb {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ) !important;
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9') !important;
  background-color:#f9f9f9 !important;
  -webkit-border-top-left-radius:0px !important;
  -moz-border-radius-topleft:0px !important;
  border-top-left-radius:0px !important;
  -webkit-border-top-right-radius:0px !important;
  -moz-border-radius-topright:0px !important;
  border-top-right-radius:0px !important;
  -webkit-border-bottom-right-radius:0px !important;
  -moz-border-radius-bottomright:0px !important;
  border-bottom-right-radius:0px !important;
  -webkit-border-bottom-left-radius:0px !important;
  -moz-border-radius-bottomleft:0px !important;
  border-bottom-left-radius:0px !important;
  text-indent:0 !important;
  border:1px solid #dcdcdc !important;
  display:inline-block !important;
  color:#666666 !important;
  font-family:Arial !important;
  font-size:13px !important;
  font-weight:bold !important;
  font-style:normal !important;
  height:23px !important;
  line-height:23px !important;
  width:133px !important;
  text-decoration:none !important;
  text-align:center !important;
  text-shadow:1px 1px 0px #ffffff !important;
}
.egbvb:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ) !important;
  background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9') !important;
  background-color:#e9e9e9 !important;
}.egbvb:active {
  position:relative !important;
  top:1px !important;
}
.egbve {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  box-shadow:inset 0px 1px 0px 0px #ffffff !important;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ) !important;
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9') !important;
  background-color:#f9f9f9 !important;
  -webkit-border-top-left-radius:6px !important;
  -moz-border-radius-topleft:6px !important;
  border-top-left-radius:6px !important;
  -webkit-border-top-right-radius:6px !important;
  -moz-border-radius-topright:6px !important;
  border-top-right-radius:6px !important;
  -webkit-border-bottom-right-radius:6px !important;
  -moz-border-radius-bottomright:6px !important;
  border-bottom-right-radius:6px !important;
  -webkit-border-bottom-left-radius:6px !important;
  -moz-border-radius-bottomleft:6px !important;
  border-bottom-left-radius:6px !important;
  text-indent:0 !important;
  border:1px solid #dcdcdc !important;
  display:inline-block !important;
  color:#666666 !important;
  font-family:Arial !important;
  font-size:15px !important;
  font-weight:normal !important;
  font-style:normal !important;
  height:22px !important;
  line-height:22px !important;
  width:200px !important;
  text-decoration:none !important;
  text-align:center !important;
  text-shadow:1px 1px 0px #ffffff !important;
}